/**
 * 这里是uni-app内置的常用样式变量
 *
 * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
 * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
 *
 */

/**
 * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
 *
 * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
 */

/* 颜色变量 */

/* 公用颜色 */
$public-color-blue1: #2E87FF; // 主色
$public-color-blue2: #79B2FF; // 蓝色辅色
$public-color-yellow1: #FDB42E; // 黄色辅色
$public-color-yellow2:#FDD549;

/* 行为相关颜色 */


/* 文字基本颜色 */
$text-color-blue1:#2E87FF;
$text-color-black1: #343434;
$text-color-white1: #FFFFFF;
$text-color-red1:#CC0000;
$text-color: #333;//基本色
$text-color-dark-grey: #666;//中间色
$text-color-grey: #999;//辅助灰色，如加载更多的提示信息
$text-color-cheng: #F77350;

/* 背景颜色 */
$bg-color-blue1:#2E87FF;//蓝色
$bg-color-blue2:#79B2FF;//浅蓝色
$bg-color-yellow1:#FDB42E;
$bg-color-yellow2:#FFEFD3;
$bg-color-red1:#CC0000;//
$bg-color-hui1:#ccc;
$bg-color-hui2:#E9E9E9;
$bg-color-cheng:#FDE3DC;
$bg-color-white:#FFFFFF; //白色

/* 边框颜色 */
$border-color-grey:#E9E9E9;

/* 边框 */
$public-border: 1px solid $border-color-grey;


/* 网络图片地址变量 */
$public-baseImgUrl: 'https://dev-x3d8qsvx-173ik1f9s1jz0x3pvpbz-cb.oss-cn-beijing.aliyuncs.com/images/applet/';//测试
// $public-baseImgUrl: 'https://pro-x3d8qsvx-173ik1f9s1jz0x3pvpbz-cb.oss-cn-beijing.aliyuncs.com/images/applet/';//生产

/* 公共class */
.page-background{
	background-color: #F2F2F2;
}
.flex-box{
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}
.status-space-box{
	height: 20px;
}
.nav-space-box{
	height: 44px;
}
.public-button-sure{
	background-color: $bg-color-blue1;
	border-radius: 44rpx;
	height: 88rpx;
	line-height: 88rpx;
	font-size: 30rpx;
	text-align: center;
	color: #FFFFFF;
}
.public-button-cancel{
	background-color: #FFFFFF;
	border: 1px solid $bg-color-blue1;
	border-radius: 44rpx;
	height: 88rpx;
	line-height: 88rpx;
	font-size: 30rpx;
	text-align: center;
	color: $bg-color-blue1;
	box-sizing: border-box;
}

// 精彩瞬间swiper
.moments-swiper{
	// 宽高比16:9
	height: 400rpx;
	.swiper-item{
		height: 100%;
		image{
			width: 100%;
			height: 100%;
			border-radius: 25rpx;
		}
	}
}

// 超出两行显示...
.line-clamp-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
}
.line-clamp-1{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
}

// 
.item-box{
	border-radius: 25rpx;
	background-color: $bg-color-white;
	box-shadow: 0px 5rpx 5rpx 0px rgba(204, 204, 204, 0.5);
	margin: 15rpx 10rpx 0;
}

// 课程、活动等小标签
.lit-tag{
	background-color: #FDE3DC;
	color: #F77350;
	font-size: 24rpx;
	height: 32rpx;
	line-height: 32rpx;
	border-radius: 5rpx;
	text-align: center;
	margin-right: 10rpx;
	padding: 0 10rpx;
}
.icon_y{
	background-color: transparent;
	color: #FDB42E;
	border:1px solid #FFE1A2;
}
.man{
	background-color:transparent!important;
	border:1px solid #C8DBFF;
	color:#2E87FF!important;
	line-height: 32rpx;
}
.woman{
	background-color:transparent!important;
	border:1px solid #FFC8C3;
	color:#E14806;
	line-height: 32rpx;
}

//边框为1rpx的适配
.border-1px{
	position: relative;
	&::before {
	  position: absolute;
	  content: "";
	  border: 1px solid #FDE3DC;
		border-radius: 9rpx;
	  width: 201%;
	  height: 200%;
	  top: 0;
	  left: 0;
	  transform: scale(0.5);
	  transform-origin: 0 0;
	  -webkit-transform: scale(0.5);
	  -webkit-transform-origin: 0 0;
	  z-index: 1;
	}
}

// 
.public-title{
	font-size: 34rpx;
	color: $text-color;
	line-height: 42rpx;
}


.confirm_wrap .van-checkbox .van-checkbox__icon-wrap .van-checkbox__icon, 
.paytype_wrap .jifen .van-checkbox .van-checkbox__icon-wrap .van-checkbox__icon,
.paytype_wrap .weixin .van-checkbox .van-checkbox__icon-wrap .van-checkbox__icon{
	border:none!important;
	border:2px solid #2E87FF!important;
}
// .jibie{
	
	
// }
// .man{
// 	.range-slider{
// 		.block{
// 			background: url('@/static/images/icon_huakuai.png') no-repeat center #2E87FF;
// 		}
// 	}
// }
// .woman{
// 	.range-slider{
// 		.block{
// 			background-color:#F77350!important;
// 		}
// 	}
// }

// 底部1px边框
.border-bottom-1px {
  position: relative;
  &::before {
    position: absolute;
    content: "";
    border-bottom: 1px solid #e9e9e9;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform: scale(0.5);
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    z-index: 1;
  }
}
// 顶部1px边框
.border-top-1px {
  position: relative;
  &::before {
    position: absolute;
    content: "";
    border-top: 1px solid #e9e9e9;
    width: 200%;
    height: 200%;
    top: 0;
    left: 0;
    transform: scale(0.5);
    transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    z-index: 1;
  }
}
//级别女
.level_w{
	width: 26rpx;
	height: 26rpx;
	background: url('@/static/images/icon-jlbw.png') no-repeat;
	background-size:cover;
	margin-right: 6rpx;
}
//级别男
.level_m{
	width: 26rpx;
	height: 26rpx;
	background: url('@/static/images/icon-jlbm.png') no-repeat;
	background-size:cover;
	margin-right: 6rpx;
}
//俱乐部级别
.jlbicon{
	width:32rpx;
	height: 32rpx;
	&.jlbm{
		background:url('@/static/images/icon-jlbm.png') no-repeat center center;
		background-size:22rpx 22rpx;
	}
	&.jlbw{
		background:url('@/static/images/icon-jlbw.png') no-repeat center center;
		background-size:22rpx 22rpx;
	}
}